import uniqueId from "@form-create/utils/lib/unique";
import { localeProps, makeRequiredRule } from "../../utils";

const label = "开关";
const name = "a-switch";

export default {
  icon: "icon-switch",
  label,
  name,
  rule({ t }) {
    return {
      type: name,
      field: uniqueId(),
      title: t("components.switch.name"),
      info: "",
      $required: false,
      props: {},
    };
  },
  props(_, { t }) {
    return localeProps(t, name + ".props", [
      makeRequiredRule(),
      {
        type: "switch",
        field: "disabled",
        title: "是否禁用",
      },
      {
        type: "select",
        field: "type",
        title: "开关的类型",
        value: "circle",
        options: [
          {
            label: "圆形",
            value: "circle",
          },
          {
            label: "圆角",
            value: "round",
          },
          {
            label: "线性",
            value: "line",
          },
        ],
      },
      {
        type: "input",
        field: "checkedText",
        title: "switch 打开时的文字描述",
      },
      {
        type: "input",
        field: "uncheckedText",
        title: "switch 关闭时的文字描述",
      },
      {
        type: "input",
        field: "checkedValue",
        title: "switch 打开时的值",
      },
      {
        type: "input",
        field: "uncheckedValue",
        title: "switch 关闭时的值",
      },
      {
        type: "ColorInput",
        field: "checkedColor",
        title: "switch 打开时的背景色",
      },
      {
        type: "ColorInput",
        field: "uncheckedColor",
        title: "switch 关闭时的背景色",
      },
    ]);
  },
};
